<%@page import="sopt.engSearch.TwitterAPI"%>
<%@page import="org.json.JSONObject"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%> 
<%
	request.setCharacterEncoding("UTF-8");
	TwitterAPI twit = new TwitterAPI();
%>
<script type="text/javascript">
tinyMCE.init({
	// General options
	mode : "textareas",
	theme : "advanced",
	plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",

	// Theme options
	theme_advanced_buttons1 : "newdocument,cut,copy,paste,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo",
	theme_advanced_buttons2 : "insertlayer,moveforward,movebackward,absolute,cite,visualchars,pagebreak,restoredraft,|,link,unlink,image,cleanup,code,|,insertdate,inserttime,preview",
	theme_advanced_buttons3 : "bold,italic,underline,strikethrough,|,forecolor,backcolor|,justifyleft,justifycenter,justifyright,justifyfull,fontselect,fontsizeselect",
	theme_advanced_toolbar_location : "top",
	theme_advanced_toolbar_align : "left",
	theme_advanced_statusbar_location : "bottom",
	theme_advanced_resizing : true,

	// Example content CSS (should be your site CSS)
	content_css : "css/content.css",

	// Drop lists for link/image/media/template dialogs
	external_link_list_url : "lists/link_list.js",
	external_image_list_url : "lists/image_list.js",
	media_external_list_url : "lists/media_list.js",

	// Style formats
	style_formats : [
		{title : 'Bold text', inline : 'b'},
		{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
		{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
		{title : 'Example 1', inline : 'span', classes : 'example1'},
		{title : 'Example 2', inline : 'span', classes : 'example2'},
		{title : 'Table styles'},
		{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
	],

	formats : {
		alignleft : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'left'},
		aligncenter : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'center'},
		alignright : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'right'},
		alignfull : {selector : 'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img', classes : 'full'},
		bold : {inline : 'span', 'classes' : 'bold'},
		italic : {inline : 'span', 'classes' : 'italic'},
		underline : {inline : 'span', 'classes' : 'underline', exact : true},
		strikethrough : {inline : 'del'}
	}
});
</script>
<div id="innerDiaryLayer">
	<h3>Keep your diary and try to share with others</h3>
	<div id="userTwitWrap" style="display:none;">
		<div class="floatRight">
			<img id="userTwitImg" src="" />
		</div>
		<div id="userTwitNameBox" class="floatRight">
			<a id="userTwitLink" href="" ><span id="userTwitName"></span></a>
		</div>
		<div class="clear"></div>
	</div>
	<%if(session.getAttribute("MEMBER_SEQ")!=null){
		JSONObject result = twit.getMemberInfoBySeq(session.getAttribute("MEMBER_SEQ").toString());
		%>
		<script type="text/javascript">
			regSuccess(<%=result%>);
		</script>
		<div>
			<span>Title:</span><input type="text" id="diaryTitle" maxlength="100"/>
			<textarea id="diaryContent" rows="8" cols="45" style="width: 100%;">
				Make your own diary!
			</textarea>
		</div>
		<div id="diarySaveBtnBg">
			<input type="hidden" id="memberSeq" value="<%=session.getAttribute("MEMBER_SEQ") %>"/>
			<input type="checkbox" checked="checked" id="shareTwitCheck" value="1"/>Share with my follwers
			<input type="button" id="diarySaveBtn" value="submit" onclick="javascript:saveDiary();"/>
		</div>
		<div>
			<a href="javascript:Popup('./logout.jsp','_blank','width=50px,height=50px');">logout</a>
		</div>
	<%}else{%>
		<div style="text-align: center;padding:25px;margin-top:35px;">
			<a href="javascript:getTwitterAuthPage()"><img src="../images/signtwitterbtn.png" title="sign in with twitter"/></a>
		</div>		
	<%}%>
	
	
</div>